<!DOCTYPE html>
<html>
<head>
<style>
#myDIV { 
  width: 600px;
  height: 400px;
  background-repeat: no-repeat, no-repeat;
  background-image: url("light.jpg"),url("bg.jpg");
  background-blend-mode: lighten;
}
#img
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
/* background-clip:content-box;border-box.padding-box,content-box, */
background-clip:padding-box;
border:2px solid #92b901;
}
</style>
<body>

<div id="img">
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>


<h1>background-blend-mode 属性</h1>

<div id="myDIV"></div>

<p><b>注释：</b>79 之前的 Edge 不支持 background-blend-mode 属性。</p>

</body>
</html>
